vibrant
energetic
modern
contrast
event-focused
dynamic
colorful
engaging
light-dark transition
user-friendly
high-contrast
bold
exciting
attention-grabbing
immersive
Shadcn/ui Theme Css Variables
name: Vibrant Horizonkeyword: event promotion views: 0
:root { --background: 240 10% 98%; --foreground: 240 10% 20%; --card: 240 10% 95%; --card-foreground: 240 10% 20%; --popover: 240 10% 95%; --popover-foreground: 240 10% 20%; --primary: 210 80% 50%; --primary-foreground: 240 10% 98%; --secondary: 330 70% 50%; --secondary-foreground: 240 10% 98%; --muted: 240 10% 90%; --muted-foreground: 240 10% 40%; --accent: 30 80% 50%; --accent-foreground: 240 10% 98%; --destructive: 0 80% 50%; --destructive-foreground: 240 10% 98%; --border: 240 10% 85%; --input: 240 10% 90%; --ring: 210 80% 50%; --radius: 0.75rem; --chart-1: 210 80% 50%; --chart-2: 330 70% 50%; --chart-3: 30 80% 50%; --chart-4: 0 80% 50%; --chart-5: 240 10% 20%; } .dark { --background: 240 10% 10%; --foreground: 240 10% 90%; --card: 240 10% 15%; --card-foreground: 240 10% 90%; --popover: 240 10% 15%; --popover-foreground: 240 10% 90%; --primary: 210 80% 50%; --primary-foreground: 240 10% 90%; --secondary: 330 70% 50%; --secondary-foreground: 240 10% 90%; --muted: 240 10% 20%; --muted-foreground: 240 10% 60%; --accent: 30 80% 50%; --accent-foreground: 240 10% 90%; --destructive: 0 80% 50%; --destructive-foreground: 240 10% 90%; --border: 240 10% 20%; --input: 240 10% 15%; --ring: 210 80% 50%; --radius: 0.75rem; --chart-1: 210 80% 50%; --chart-2: 330 70% 50%; --chart-3: 30 80% 50%; --chart-4: 0 80% 50%; --chart-5: 240 10% 90%; }